<template>
  <div class="q-pa-md q-gutter-sm">
    <q-bar dense class="bg-teal text-white">
      <q-icon name="fas fa-signal" />
      <div>mobi-net</div>
      <div>4G</div>
      <q-icon name="fas fa-wifi" />
      <q-space />
      <q-icon name="near_me" />
      <div>100%</div>
      <q-icon name="fas fa-battery-full" />
    </q-bar>

    <q-bar dense class="bg-amber text-grey-8">
      <q-icon name="fas fa-signal" />
      <div>mobi-net</div>
      <div>4G</div>
      <q-icon name="fas fa-wifi" />
      <q-space />
      <q-icon name="near_me" />
      <div>100%</div>
      <q-icon name="fas fa-battery-full" />
    </q-bar>
  </div>
</template>
